<!DOCTYPE html>
<html lang="en">
  <html>
    <head>
      <meta charset="UTF-8" />
      <meta
        name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
      />
      <title>停车查询</title>
      <script src="./js/rem.js"></script>
      <link rel="stylesheet" type="text/css" href="./css/index.css" />
    </head>
    <style>
      .background {
        display: block;
        width: 100%;
        height: 100%;
        opacity: 0.3;
        filter: alpha(opacity=40);
        background: #ccccccc0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000;
      }
      .progressBar {
        background: rgba(255, 255, 255, 0.9);
        border-radius: 0.08rem; 
        width: 1.6rem;
        height: 1rem;
        position: fixed;
        top: 40%;
        left: 50%;
        margin-left: -0.82rem;
        margin-top: -0.14rem;
        text-align: left;
        color: #777;
        position: absolute;
        z-index: 2001;
        text-align: center;
        box-shadow: 0 0.01rem 0.04rem #ccc;
      }
      .loadImg {
        width: 0.3rem;
        height: 0.3rem;
        background: #fff url(./image/tishi.png) no-repeat;
        background-size: 100% 100%;
        display: inline-block;
        margin-top: 0.16rem;
      }
      .loadTxt {
        font-size: 0.16rem;
        line-height: 0.4rem;
      }
    </style>
    <body class="body">
      <section class="main">
        <div class="header">
          <div class="li">
            <span class="liName">姓&nbsp;&nbsp;名：</span>
            <span class="liData"> 官龙山</span>
          </div>
          <div class="li">
            <span class="liName">工&nbsp;&nbsp;号：</span>
            <span class="liData">20201212</span>
          </div>
        </div>
        <div class="container">
          <ul class="ul">
            <li class="cell">
              <span class="cellName">车&nbsp;牌&nbsp;&nbsp;号</span>
              <span class="cellData"> 粤B24561</span>
            </li> 
            <li class="cell ">
              <span class="cellName">停车权限</span>
              <div class="cellData ">信息大楼停车场，
                信息大楼停车场</div>
            </li>
            <li class="cell">
              <span class="cellName">有&nbsp;效&nbsp;&nbsp;期</span>
              <span class="cellData"> 2021-07-01</span>
            </li>
          </ul>
         
        </div>
        <div id="background" class="background" style="display: none"></div>
        <div id="progressBar" class="progressBar" style="display: none">
          <div class="loadImg"></div>
          <div class="loadTxt">没有权限</div>
        </div>
      </section>
    </body>
  </html>
</html>
